<script setup lang="ts"></script>

<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style lang="scss" scoped>
@media screen and (max-width: 1396) {
  #app {
    font-size: 0.16rem;
  }
}
@media screen and (min-width: 1396) and (max-width: 1536px) {
  #app {
    font-size: 0.5rem;
  }
}
@media screen and (min-width: 1536px) and (max-width: 1920px) {
  #app {
    font-size: 1rem;
    //我这里是按1920的屏幕宽度设置的，所以1rem相当于100px
  }
}
@media screen and (min-width: 1920px) {
  #app {
    font-size: 0.16rem;
  }
}
</style>
